/* 2019-05-29 */
 /*初始化类*/
 @charset "UTF-8";
 html{
   font-family: "Helvetica Neue", Helvetica, sans-serif;
   font-size: 20px;
 }
 html,body {
   -webkit-touch-callout:none;
   -webkit-text-size-adjust:none;
   -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
   width: 100%;
   background-color: #fff
 }
 body {
   line-height: 1.5;
   font-size: 0.8rem;
   color: #212121;
   /* background-color: #f5f5f5; */
   outline: 0;
 }
 html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p{
   margin:0;
   border:0;
   padding:0;
   font-style:normal;
 }
 * {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   -webkit-tap-highlight-color: transparent;
   outline: none;
 }

 img {
	max-width: 100%;
	display: block;
}
 ul, li {
   list-style: none;
 }
 p {
   letter-spacing: 0.2ex;
   font-size: 0.7rem;
   color: #757575;
 }
 a {
   color: inherit;
   text-decoration: none;
   background-color: transparent;
 }

 
header,footer,section{
	display: block;
}
ol,ul{
	list-style:none;
}
input,button,textarea {
	border:0;
	margin:0;
	padding:0;
	font-size:1em;
	line-height:1em;
	/*-webkit-appearance:none;*/
	background-color:rgba(0, 0, 0, 0);
}


 textarea {
   overflow: hidden;
   resize: none;
 }

 button,input,select,textarea {
   font: inherit;
   color: inherit;
 }
 

input[type="text"],
input[type="password"],
select,
textarea {
    border: none;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 2.2rem;
    line-height: normal;
    color: #424242;
    font-size: 0.75rem;
    font-family: inherit;
    box-sizing: border-box;
    -webkit-user-select: text;
            user-select: text;
    -webkit-appearance: none;
            appearance: none;
}
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}


 .loading_more{
	display: block;
	height: 1.5em;
	width: 100%;
}
.loading_more:before {
	display: inline-block; vertical-align: text-bottom;
	content: ' '; height: 16px; width: 16px; margin-right: 6px;
	background: url(../image/loading_more.gif) no-repeat center;
	-webkit-background-size: contain;
	background-size: contain;
} 
.loading_more:after {
	content: '加载更多';	
}


/* --------------- -----margin------- ------------------ */
.mAuto{
  margin: 0 auto 
}
.m-auto{
  margin: auto;
}
.m-5{
  margin: 0.125rem;
}
.m-10{
  margin: 0.25rem;
}
.m-20{
  margin: 0.5rem;
}
.m-30{
  margin: 0.75rem;
}
.m-40{
  margin: 1rem;
}
.m-50{
  margin: 1.25rem;
}
.m-60{
  margin: 1.5rem;
}
.m-h-5{
  margin-right: 0.125rem;
  margin-left: 0.125rem;
}
.m-h-10{
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.m-h-15{
  margin-right: 0.375rem;
  margin-left: 0.375rem;
}
.m-h-20{
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.m-h-30{
  margin-right: 0.75rem;
  margin-left: 0.75rem;
}
.m-h-40{
  margin-right: 1rem;
  margin-left: 1rem;
}
.m-h-50{
  margin-right: 1.25rem;
  margin-left: 1.25rem;
}
.m-h-60{
  margin-right: 1.25rem;
  margin-left: 1.5rem;
}
.m-v-auto{
  margin-top: auto;
  margin-bottom: auto;
}
.m-v-5{
  margin-top: 0.125rem;
  margin-bottom: 0.125rem;
}
.m-v-10{
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}
.m-v-15{
  margin-top: 0.375rem;
  margin-bottom: 0.75rem;
}
.m-v-20{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.m-v-30{
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
.m-v-40{
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.m-v-50{
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.m-v-60{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.m-t-auto{
  margin-top: auto;
}
.m-t-5{
  margin-top: 0.125rem;
}
.m-t-10{
  margin-top: 0.25rem;
}
.m-t-15{
  margin-top: 0.375rem;
}
.m-t-20{
  margin-top: 0.5rem;
}
.m-t-30{
  margin-top: 0.75rem;
}
.m-t-40{
  margin-top: 1rem;
}
.m-t-50{
  margin-top: 1.25rem;
}
.m-t-60{
  margin-top: 1.5rem;
}
.m-r-5{
  margin-right: 0.125rem;
}
.m-r-10{
  margin-right: 0.25rem;
}
.m-r-15{
  margin-right: 0.375rem;
}
.m-r-20{
  margin-right: 0.5rem;
}
.m-r-30{
  margin-right: 0.75rem;
}
.m-r-40{
  margin-right: 1rem;
}
.m-r-50{
  margin-right: 1.25rem;
}
.m-r-60{
  margin-right: 1.5rem;
}
.m-b-5{
  margin-bottom: 0.125rem;
}
.m-b-10{
  margin-bottom: 0.25rem;
}
.m-b-15{
  margin-bottom: 0.375rem;
}
.m-b-20{
  margin-bottom: 0.5rem;
}
.m-b-30{
  margin-bottom: 0.75rem;
}
.m-b-40{
  margin-bottom: 1rem;
}
.m-b-50{
  margin-bottom: 1.25rem;
}
.m-b-60{
  margin-bottom: 1.5rem;
}
.m-l-auto{
  margin-left: auto;
}
.m-l-5{
  margin-left: 0.125rem;
}
.m-l-10{
  margin-left: 0.25rem;
}
.m-l-15{
  margin-left: 0.375rem;
}
.m-l-20{
  margin-left: 0.5rem;
}
.m-l-30{
  margin-left: 0.75rem;
}
.m-l-40{
  margin-left: 1rem;
}
.m-l-50{
  margin-left: 1.25rem;
}
.m-l-60{
  margin-left: 1.5rem;
}
/* --------------- -----margin------- ------------------ */
.p-5{
  padding: 0.125rem;
}
.p-10{
  padding: 0.25rem;
}
.p-15{
  padding: 0.375rem;
}
.p-20{
  padding: 0.5rem;
}
.p-30{
  padding: 0.75rem;
}
.p-40{
  padding: 1rem;
}
.p-50{
  padding: 1.25rem;
}
.p-60{
  padding: 1.5rem;
}
.p-h-5{
  padding-right: 0.125rem;
  padding-left: 0.125rem;
}
.p-h-10{
  padding-right: 0.25rem;
  padding-left: 0.25rem;
}
.p-h-15{
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.p-h-20{
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.p-h-30{
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.p-h-40{
  padding-right: 1rem;
  padding-left: 1rem;
}
.p-h-50{
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
.p-h-60{
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}
.p-v-5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.p-v-10{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.p-v-15{
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.p-v-20{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.p-v-30{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.p-v-40{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.p-v-50{
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.p-v-60{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.p-t-5{
  padding-top: 0.125rem;
}
.p-t-10{
  padding-top: 0.25rem;
}
.p-t-20{
  padding-top: 0.5rem;
}
.p-t-30{
  padding-top: 0.75rem;
}
.p-t-40{
  padding-top: 1rem;
}
.p-t-50{
  padding-top: 1.25rem;
}
.p-t-60{
  padding-top: 1.5rem;
}
.p-r-5{
  padding-right: 0.125rem;
}
.p-r-10{
  padding-right: 0.25rem;
}
.p-r-15{
  padding-right: 0.375rem;
}
.p-r-20{
  padding-right: 0.5rem;
}
.p-r-30{
  padding-right: 0.75rem;
}
.p-r-40{
  padding-right: 1rem;
}
.p-r-50{
  padding-right: 1.25rem;
}
.p-r-60{
  padding-right: 1.5rem;
}
.p-b-5{
  padding-bottom: 0.125rem;
}
.p-b-10{
  padding-bottom: 0.25rem;
}
.p-b-15{
  padding-bottom: 0.375rem;
}
.p-b-20{
  padding-bottom: 0.5rem;
}
.p-b-30{
  padding-bottom: 0.75rem;
}
.p-b-40{
  padding-bottom: 1rem;
}
.p-b-50{
  padding-bottom: 1.25rem;
}
.p-b-60{
  padding-bottom: 3rem;
}
.pb-100{
  padding-bottom: 100%;
}
.p-l-5{
  padding-left: 0.125rem;
}
.p-l-10{
  padding-left: 0.25rem;
}
.p-l-15{
  padding-left: 0.375rem;
}
.p-l-20{
  padding-left: 0.5rem;
}
.p-l-30{
  padding-left: 0.75rem;
}
.p-l-40{
  padding-left: 1rem;
}
.p-l-50{
  padding-left: 1.25rem;
}
.p-l-60{
  padding-left: 1.5rem;
}


/* --------------- -----盒子定位------- ------------------ */

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-center {
  position: fixed;
  top: 50%;
  right: 0;
  left: 50%;
  z-index: 1030;
  transform: translate3d(-50%, -50%, 0);
  -webkit-transform: translate3d(-50%, -50%, 0);
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.z100{
  z-index: 100;
}
.z200{
  z-index: 200;
}
.z300{
  z-index: 300;
}
.z400{
  z-index: 400;
}
.z1000{
  z-index: 1000;
}


.o-hidden{
  overflow: hidden;
}
.bg-white{
  background-color: #fff !important;
}
.bg-f4{
  background-color: #f4f4f4 !important;
}
.bg-f2{
  background-color: #f2f2f2 !important;
}
.color-9{
  color: #999;
}
.color-0{
  color: #000;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
.text-right{
  text-align: right;
}

.w-100{
  width: 100% !important;
}


.h-100{
  height: 100% !important;
}
.mh-100vh{
  min-height: 100vh !important;
}
.imgCover{
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* border: 1px solid #000; */
}
.text-over-one {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.text-over-two {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.break-word{
  word-wrap: break-word;
}

.iconfont{
  line-height: 1;
  /* border: 1px solid #000; */
  width: 1.1rem;
  height: 1.1rem;
}

.br-8{
  border-radius: 0.2rem;
}
.br-50{
  border-radius: 50%;
}

.font-bold{
  font-weight: bold;
}
.f30{
  font-size: 0.75rem;
}
.f32{
  font-size: 0.8rem;
}
.f36{
  font-size: 0.9rem;
}
.f40{
  font-size: 1rem;
}
.color-f{
  color: #fff !important;
}
.color-3{
  color: #333 !important;
}
.color-60{
  color: #606060 !important;
}


.border-1-e{
  border: 1px solid #eee;
}
.border-top-1-e{
  border-top: 1px solid #eee;
}

.border-bottom-1-e{
  border-bottom: 1px solid #eee;
}







@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}


@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-duration: 0.55s;
  animation-duration: 0.55s;
  -webkit-animation-name: shake;
  animation-name: shake;
}



/* 遮罩 */

.mask-box {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.3);
}

.mask-box-blur {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 100;
}

.mask-box-blur::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  /* 高斯模糊 */
  filter: blur(10px);
  z-index: 1;
}



/* 三角按钮 */

.icon-moreRight {
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.icon-closeBtn {
  width: 1.1rem;
  height: 1.1rem;
  border: 2px solid #999;
  border-radius: 50%;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.icon-closeBtn.white{
  border: 2px solid #fff;
}

.icon-closeBtn::before, .icon-closeBtn::after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  content: '';
  display: block;
  width: 60%;
  height: 1px;
  background-color: #999;
}
.icon-closeBtn.white::before, .icon-closeBtn.white::after{
  background-color: #fff;
}
.icon-closeBtn::after {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.cursor-pointer{
  cursor: pointer;
}